<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../css/mui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/assess.css"/>
    <script src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/jquery.raty.min.js"></script>
</head>
<body>
	<style>
		header{background: #fff;border-bottom: 1px solid #000;}
		.header-box{width: 91.3vw;margin: 0 auto;}
		.header-box>img{margin-top: 13px;}
		.content{margin-top: 44px;}
	</style>
	<header class="mui-bar mui-bar-nav">
		<div class="header-box">
			<img src="../images/about_gou_03.png" alt="">
	    	<h1 class="mui-title">收货评价</h1>
		</div>
	</header>
	
	<div class="content">
		<div class="feel">
			<div class="feel-top pad">
				<img src="../images/yuexiao_03.png" alt="" />
				<div class="demo">
				  <p>野山茶有圣诞节福利及萨菲罗斯</p>
		          <div id="star"></div>
		        </div>
			</div>
			<div class="feel-bottom pad">
				<textarea name="" rows="" cols="" placeholder="请写下对宝贝的感受吧，对他人帮助很大哦"></textarea>
			</div>
		</div>
		<div class="grade pad">
			<h4>整体评分</h4>
			<div class="demo">
			  <span>物流速度评价</span>
	          <div id="star1"></div>
	        </div>
	        <div class="demo">
	          <span>服务质量评价</span><div id="star2"></div>
	       </div>
	       <div class="demo">
	          <span>配送员满意度</span><div id="star3"></div>
	       </div>
		</div>
	</div>
	
    <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	mui.init();
    </script>
    <script>
		//星星评分
		$('#star').raty({ 
			path: '../images',
			half: true ,
			size     : 24,
			starHalf : 'star-half.png',
		    starOff  : 'star-off.png',
		    starOn   : 'star-on.png'
		});
		
		$('#star1').raty({ 
			path: '../images',
			half: true ,
			size     : 24,
			starHalf : 'star-half.png',
		    starOff  : 'star-off.png',
		    starOn   : 'star-on.png'
		});
		
		$('#star2').raty({ 
			path: '../images',
			half: true ,
			size     : 24,
			starHalf : 'star-half.png',
		    starOff  : 'star-off.png',
		    starOn   : 'star-on.png'
		});

		$('#star3').raty({ 
			path: '../images',
			half: true ,
			size     : 24,
			starHalf : 'star-half.png',
		    starOff  : 'star-off.png',
		    starOn   : 'star-on.png'
		});
	</script>
</body>
</html>
